<article>
<figure>
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<span>Your browser does not support the video tag.</span>
</video>
<figcaption>
<header>Headline</header>
<footer>Attribution</footer>
</figcaption>
</figure>
<footer>Toolbar</footer>
</article>
Cards
<article>
<figure>
<picture>
<source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width:465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>
<figcaption>
<header>Headline & Subheadline</header>
<p>Contributor</p>
<p>Body Text</p>
<footer>Playlister</footer>
</figcaption>
</figure>
<footer>Toolbar</footer>
</article>